<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>MoviePlex</title>
	<link rel="stylesheet" type="text/css" href="../resources/teste.css" />  
	<script type="text/javascript"> 
		function openFacebook()
		{
			window.open('https://www.facebook.com/profile.php?id=100004723355766');  
		}
		
		function openTwitter()
		{
			window.open('https://twitter.com/movieplex_forum');  
		}
	</script>
</h:head>
<h:body styleClass="cor">
	<ui:insert name="menu">
		<p:panel styleClass="fundo">
		    <p:panel styleClass="fundoPipoca"/>
	     	<h:panelGrid columns="3" cellspacing="13" style="float: inherit; width: 100%; text-align: center;"> 
				<p:tabMenu activeIndex="-1">  
			        <p:menuitem value="Home"  style="width: 100px;" icon="iconHome" url="/paginas/index.jsf"/>
					<p:menuitem value="Filmes" style="width: 100px;" icon="iconFilmes" url="/paginas/consultaFilme.jsf"/>
					<p:menuitem value="Lançamentos" style="width: 130px;" icon="iconLancamento" url="/paginas/lancamentos.jsf"/>
					<p:menuitem value="Em Cartaz" style="width: 100px;" icon="iconCartaz" url="/paginas/emcartaz.jsf"/>
					<p:menuitem value="Promoções" icon="iconPromocao" url="/paginas/promocoes.jsf"/>
					<p:menuitem value="Horários" style="width: 100px;" icon="iconHorario" url="/paginas/consultarHorario.jsf"/>
					<p:menuitem value="Salas" style="width: 100px;" icon="iconSala" url="/paginas/salas.jsf"/>
					<p:menuitem value="Contato" style="width: 100px;" icon="iconContato" url="/paginas/contato.jsf"/>
			    </p:tabMenu>
			    <h:link onclick="openFacebook()">
			   		<p:graphicImage value="../imagensProjeto/icone-face-book.png"/>  
			    </h:link>
			    <h:link onclick="openTwitter()">
			   		<p:graphicImage value="../imagensProjeto/icone-twitter.png"/>
			    </h:link>  
			</h:panelGrid>
		</p:panel>
	</ui:insert>
	
	<ui:insert name="conteudo">  
    </ui:insert>
    
	<ui:insert name="rodape">
		<br/>   
		<br/>   
        <p:separator style="width:100%;height:4px" />   
        <br/>  
		<div style="float: inherit; width: 100%; text-align: center; font-family: sans-serif; font-size: 20px; color: black;">
               Sistema MoviePlex Copyright © 2012
        </div>
    </ui:insert>
</h:body>
</html>


